.emojiList {
  flex-grow: 1;
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-radius);
  font-size: 18px;
  font-size: 14px;
  &.error {
    border-color: var(--error-color);
  }
  > nav {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 4px;
    &::-webkit-scrollbar {
      display: none;
    }
    > span {
      flex-shrink: 0;
      display: inline-block;
      padding: 8px;
      color: var(--emoji-nav-text);
      &.selected {
        color: var(--emoji-nav-text-selected);
      }
    }
  }
  > ol {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    font-size: 22px;
    line-height: 32px;
    height: calc(32px * 12);
    overflow: auto;
    padding: 1px 4px;
    &::-webkit-scrollbar {
      display: none;
    }
    > li {
      flex-shrink: 0;
      flex-grow: 0;
      width: 10%;
      text-align: center;
      &.selectedEmoji {
        outline: 1px solid var(--button-bg);
        border-radius: var(--input-radius);
      }
    }
  }
}
